import React, { useState } from "react";
import MemberList from "./MemberList";
import MemberAdd from "./MemberAdd";
import MemberUpdate from "./Memberupdate";

export default function PartyMemberManagement() {
  const [show, setShow] = useState(true);
  const [show2, setShow2] = useState(false);
  const [show3, setShow3] = useState(false);
  return (
    <div>
      {show ? (
        <MemberList setShow={setShow} setShow2={setShow2} setShow3={setShow3} />
      ) : null}
      {show2 ? (
        <MemberAdd setShow={setShow} setShow2={setShow2} setShow3={setShow3} />
      ) : null}
      {show3 ? (
        <MemberUpdate
          setShow={setShow}
          setShow2={setShow2}
          setShow3={setShow3}
        />
      ) : null}
    </div>
  );
}
